.png)
Learning Outcomes:
i. Explain the role of Hypertext Markup Language (HTML) in creating web pages.
ii. Identify the steps involved in creating and saving an HTML file.
iii. Understand the purpose of HTML tags and recognize basic elements like HTML, head, and body.
iv. View and navigate a simple HTML webpage created with tags.
Introduction:
Remember the amazing websites we explored in the last lesson? Now, imagine being the architect behind those virtual worlds! HTML (Hypertext Markup Language) is your superpower, the secret code that builds every web page you see. Today, we unlock the mysteries of HTML and learn to turn your ideas into vibrant, interactive webpages!
i. Building With Words:
Think of HTML as a special language using words called tags to tell the computer what to show on a webpage. Imagine writing "Heading" to make a big title, "Paragraph" for your text, and "Image" to display a picture. These tags guide the computer, transforming your words into the webpage you envision.
ii. Creating Your First Webpage:
Building your first page is easier than you think! Just open a text editor (like Notepad) and start typing in HTML tags. Add a starting HTML tag, a head section for information like the title, and a body section for the content you want people to see. Use tags like heading, paragraph, and image to build your page layer by layer, like writing a story with code.
iii. Saving and Seeing Your Creation:
Once your masterpiece is written, save the file with a .html extension. This tells the computer it's a web page. Then, open the file in your web browser, and behold! Your words come to life as a real webpage, built with the magic of HTML!
iv. Essential Elements: Your Webpage Building Blocks:
Remember those special words like HTML, head, and body? They're the foundation of every webpage. The HTML tag marks the whole page, the head holds hidden information like the title, and the body is where your visible content like text, images, and links reside. These elements are like the pillars of your webpage, holding everything together.
With HTML, you've taken your first step into the exciting world of web development! Remember, every website you visit started with simple words like these. Keep exploring, learning new tags, and experimenting with your code. Soon, you'll be building stunning webpages, sharing your ideas, and maybe even creating the next big website sensation!
